﻿<!DOCTYPE htmls>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <title>WarBoat</title>
  <link rel="stylesheet" href="design.css" type="text/css" />
  <script type="text/javascript" src="jquery-1-7-1-min.js"></script>
  <script type="text/javascript" src="scriptFile.js"></script>
</head>
<body>
  <div id="wrap">
    <div id="header">
      <div class="logo"></div>
      <div id="button-container" class="demo">
          <a href="#" class="button">Start</a> <a href="#" class="button">High Score</a> <a
            href="#" class="button">Instructions</a> <a href="#" class="button">Login</a>
        </div>
    </div>
    <div id="middlePart">
      <div id="playingTable">
        <div id="opponentTable" class="board">
          <script type="text/javascript">            drawTable();</script>
        </div>
        <div id="playerTable" class="board">
          <script type="text/javascript">            drawTable();</script>
        </div>
      </div>
      <div id="rightPane">
        <div class="ships1">
          <div class="firstShip s r1">
            <div>
              <img src="images/bs80V.png" alt="Battleship" />
            </div>
            <div>
              <a href="#" class="buttonSmall">Rotate</a>
            </div>
          </div>
          <div class="secondShip s r2">
            <div>
              <img src="images/bs20V.png" alt="Battleship" />
            </div>
            <div>
              <a href="#" class="buttonSmall">Rotate</a>
            </div>
          </div>
        </div>
        <div class="ships2">
          <div class="thirdShip s r1">
            <div>
              <img src="images/bs60V.png" alt="Battleship" />
            </div>
            <div>
              <a href="#" class="buttonSmall">Rotate</a>
            </div>
          </div>
          <div class="fourthShip s r2">
            <div>
              <img src="images/bs40V.png" alt="Battleship" />
            </div>
            <div>
              <a href="#" class="buttonSmall">Rotate</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="gameFooter">

  </div>
</body>
</html>
